<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>微信消息群发管理</title>
 <%@ include file="/page/include.jsp" %>
</head>
<body class="nav-md" style="background-color: #f7f7f7">
	<div class="container body">
		<div class="main_container">
			<div class="framebody" style="min-height: 100%;" role="main">
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="x_panel">
							<div class="x_content">
								<form class="form-horizontal form-label-left" id="wechatMsgMassSendingForm"  method="post" action="${pageContext.request.contextPath}/wechatMsgMassSending/massSendingMessage">
									<input type="hidden"  id="id" name="id" value="${wechatMsgMassSending.id }" >
									<div class="item form-group">
										<label class="control-label col-md-1 col-sm-1 col-xs-12" for="roleName"><span class="required"><font color="red">*</font></span>消息: 
										</label>
										<div class="col-md-6 col-sm-6 col-xs-12">
											<ul class="horizontal_ul">
												<li>
													<a class="btn btn-success" id="btnSelectMsg"><i class="fa fa-wechat fa-fw"></i> 选择消息</a>
												</li>
												<li>
													<input id="msgTitle" value="${wechatMsgKeywordReply.wechatMsgConfigInfo.msgTitle }" class="form-control" style="width:215px;margin-left:-10px;background-color:#fff;" readonly />
												</li>
											</ul>
											<input type="hidden" id="msgId" name="msgId" value="${wechatMsgKeywordReply.msgId }"/>
										</div>
										
									</div>
									
									<div class="item form-group">
										<label class="control-label col-md-1 col-sm-1 col-xs-12" for="roleName"><span class="required"><font color="red">*</font></span>发送用户: 
										</label>
										<div class="col-md-11 col-sm-11 col-xs-11">
											<div class="x_panel">
												<div class="x_content">
													<form id="position-form" class="form-horizontal form-label-left">
														<div class="form-group">
															<ul class="horizontal_ul">
																<li style="width:55px;">
																	<label class="control-label">客户级别: </label>
																</li>
																<li>
																	<select class="selectpicker form-control vertical_li" id="customerLevel" name="customerLevel" data-live-search="true" title="请选择">
																	</select>
																</li>
															</ul>
														</div>
														<div class="form-group">
															<ul class="horizontal_ul">
																<li style="width:55px;">
																	<label class="control-label" for="customerName">客户名称:&nbsp; </label>
																</li>
																<li>
																	<input type="text" id="customerName" name="customerName" class="form-control">
																</li>
																<li>
																	<label class="control-label" for="mobile">手机号码: </label>
																</li>
																<li>
																	<input type="text" id="mobile" name="mobile" class="form-control">
																</li>
															</ul>
														</div>
														
														<div class="form-group">
															<ul class="horizontal_ul">
																<li style="width:55px;">
																	<label class="control-label">区域: </label>
																</li>
																<li>
																	<select id="provinceId" data-width="125px" name="provinceCode" class="selectpicker vertical_li" title="省" data-live-search="true" ></select>
																	&nbsp;
																	<select id="cityId" data-width="117px" name="cityCode" class="selectpicker vertical_li" title="市" data-live-search="true" ></select>
																	&nbsp;
																	<select id="areaId" data-width="125px" name="areaCode" class="selectpicker vertical_li" title="区" data-live-search="true" ></select>
																</li> 
															</ul>
															
															<div class="pull-right">
																<a class="btn btn-primary btn-sm" id="btnQueryUser">查询</a>
																<a class="btn btn-default btn-sm" id="checkAllUsers">全选</a>
																<a class="btn btn-danger btn-sm" id="btnClearSelectUsers">清空选中用户</a>
															</div>
														</div>
														
														<div class="x_title"><div class="clearfix"> </div></div>
														
														<div class="form-group">
															<div class="row">
																<div class="col-md-7 col-sm-7 col-xs-7">
																	<div class="x_panel">
																		<div class="x_title">
																			<i class="fa fa-info-circle fa-fw"></i> 已绑定微信的用户才能成功发送
																			<div class="clearfix"> </div>
																		</div>
																		
																		<div class="x_content">
																			<div class="row">
																				<table id="customerTable" class="table"></table>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="col-md-5 col-sm-5 col-xs-5">
																	<div class="x_panel">
																		<div class="x_title">
																			<i class="fa fa-check-square fa-fw"></i> 选中用户 <small></small>
																			<div class="clearfix"> </div>
																		</div>
																		
																		<div class="x_content">
																			<div class="row">
																				<table id="wechatMsgMassSendingTable" class="table"></table>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</form>
												</div>
											</div>
										</div>
									</div>
								</form>
								<div class="form-btn-content">
									<a id="btn_save" class="btn btn-primary">发送</a>
									<a id="btn_back"class="btn btn-default">返回</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript"  src="${rootPath}/js/sysconfig/wechatMsgMassSending_form.js?v=20180125"></script>
</html>